<template>
	<view class="container">
		<view class="card">
			<uni-row>
				<uni-col :span="3"><image class="icon" src="../../static/1.png"></image></uni-col>
				<uni-col :span="6"><view class="text">姓名：</view></uni-col>
				<uni-col :span="6">{{ name }}</uni-col>
			</uni-row>
			<uni-row>
				<uni-col :span="3"><image class="icon" src="../../static/2.png"></image></uni-col>
				<uni-col :span="6"><view class="text">部门：</view></uni-col>
				<uni-col :span="6">{{ departmentName }}</uni-col>
			</uni-row>
			<uni-row>
				<uni-col :span="3"><image class="icon" src="../../static/3.png"></image></uni-col>
				<uni-col :span="6"><view class="text">岗位：</view></uni-col>
				<uni-col :span="6">{{ positionName }}</uni-col>
			</uni-row>
			<uni-row>
				<uni-col :span="3"><image class="icon" src="../../static/4.png"></image></uni-col>
				<uni-col :span="6"><view class="text">电话：</view></uni-col>
				<uni-col :span="6">{{ phone }}</uni-col>
			</uni-row>
			

		</view>
		
	</view>
</template>

<script>
	import { websock } from '../../net/websock'

	export default {
		onLoad(params) {
			this.name = params.name || ''
			this.departmentName = params.departmentName || ''
			this.positionName = params.positionName || ''
			this.phone = params.phone || ''
		},
		data() {
			return {
				name: '',
				departmentName: '',
				positionName: '',
				phone: ''
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.container {
		padding: 15px;
		font-size: 15px;
		line-height: 30px;

		
	}
	.card{
		padding: 10px;
		font-weight: 500;
		background: linear-gradient(180deg, #e5f5ff 0%, rgba(255,255,255,0) 100%);
		box-shadow: 0px 5px 10px 0px #d8dadd;
		border-radius: 6px 6px 6px 6px;
		opacity: 1;
	}
	.icon{
		padding: 6px;
		width: 18px;
		height: 18px;
	}
	.text{
		font-weight: bold;
	}
</style>
